// createApp 用于创建 Vue 应用实例
import { createApp } from 'vue'
// 导入根组件
import App from './App.vue'
// 💥导入测试用的组件，测试完成后换回原本的App根组件
// import App from './知识点补充/01-vuex-基础.vue'
// import App from './知识点补充/02-vuex模块.vue'
// import App from './知识点补充/04-vue动画.vue'
// import App from './知识点补充/05-监听元素是否进入可视区域.vue'
// import App from './知识点补充/06-图片懒加载.vue'
// import App from './知识点补充/10-vee表单校验基础.vue'
// import App from './知识点补充/11-vee表单校验高级.vue'
// import App from './知识点补充/12-消息提示组件调用测试.vue'
// import App from './知识点补充/13-发送验证码倒计时.vue'
// import App from './知识点补充/13-发送验证码倒计时2.vue'
// 导入VueRouter路由实例
import router from './router'
// 导入VueX仓库实例
import store from './store'
// 引入Mock模拟数据，拦截 Ajax 请求
import './mock'

// 通过 yarn add normalize.css 安装， 导入重置样式的包
import 'normalize.css'
// 导入项目公共样式
import '@/assets/styles/common.less'

// 导入自己的组件库
import XtxUI from '@/components/library'

// 创建 Vue 应用实例
const app = createApp(App)
// 安装自己封装的组件库，内部负责全局注册组件
app.use(XtxUI)
// 使用仓库实例
app.use(store)
// 使用路由实例
app.use(router)
// 把Vue应用实例挂载到 #app 中
app.mount('#app')
